.rq-modal {
  min-width: 550px !important;
}

.rq-modal.ant-modal .ant-modal-close {
  top: -13px;
  right: -48px;
}

.rq-modal.ant-modal .ant-modal-close-x {
  font-size: 20px;
  color: var(--text-gray);
}

.rq-modal.ant-modal .ant-modal-header {
  display: none;
}

.rq-modal.ant-modal .ant-modal-content {
  border-radius: var(--border-radius-md);
}

.rq-modal.ant-modal .ant-modal-content .ant-modal-body {
  padding: 0px;
  border-radius: var(--border-radius-md);
}

.rq-modal.ant-modal .rq-modal-content {
  padding: 3rem;
  border-radius: inherit;
  background-color: var(--requestly-color-surface-1);
}

/* if footer or any other sibling exist then fix the border-radius for content  */
.rq-modal.ant-modal .rq-modal-content:not(:last-child) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.rq-modal.ant-modal .rq-modal-footer {
  padding: 9px 1.25rem;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  border-top: 1px solid var(--border-dark);
  background-color: var(--requestly-color-surface-0);
}

.rq-modal-footer button.ant-btn {
  font-size: var(--requestly-font-size-sm, 13px);
}
